/*右边固定栏*/
.left_fixed {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.left_fixed > ul {
    width: 85px;
    border: 1px solid #fafafa;
}

.left_fixed > ul li {
    width: 100%;
    height: 90px;
    border-bottom: 1px solid #fafafa;
}

.left_fixed > ul li > a {
    padding: 13px;
}

.left_fixed > ul li > a:hover {
    display: block;
    color: #ff6700;
}

.left_fixed > ul li > a > p {
    text-align: center;
}

.left_fixed > ul li > a > p:first-child {
    font-size: 30px;
}

/*header*/
.mi_header {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #333333;
}

.mi_header > .container {
    width: 1245px;
    margin: 0 auto;
    color: #b0b0b0;
}

.mi_header > .container > .header_box {

}

.mi_header > .container > .header_box > ul {

}

.mi_header > .container > .header_box > ul li {
    float: left;
    padding-right: 8px;
}

.mi_header > .container > .header_box > ul li > a {
    font-size: 10px;
    color: #b0b0b0;
    position: relative;
}

.mi_header > .container > .header_box > ul li > a > span {
    position: absolute;
    right: -3px;
    top: 16px;
    height: 10px;
    width: 1px;
    background: #424242;
}

.mi_header > .container > .header_box > ul li > a:hover {
    color: #ffffff;
}

.mi_header > .container > .header_box .header_cart {
    position: relative;
    margin-left: 20px;
    width: 116px;
    text-align: center;
    background: #424242;
}

.mi_header > .container > .header_box .header_cart > a:hover {
    color: #ff6700;
}

.mi_header > .container > .header_box .header_cart > a {
    margin-left: 16px;
}

.mi_header > .container > .header_box .header_cart .icon_cart {
    font-size: 20px;
    position: absolute;
    top: 1px;
    left: 3px;
}

/*mi_nav*/
.mi_nav {
    height: 95px;
    line-height: 95px;
}

.mi_nav > .container {
    width: 1245px;
    margin: 0 auto;
    color: #b0b0b0;
}

.mi_nav > .container > .mi_nav_left {
    /*height: 100%;*/
}

.mi_nav > .container > .mi_nav_left .mi_logo {
    display: block;
    background: url('../image/logo.png') no-repeat;
    width: 56px;
    height: 57px;
    margin-top: 19px;
    margin-right: 180px;
}

.mi_nav > .container > .mi_nav_left > ul > li {
    float: left;
    margin-right: 18px;
}

.mi_nav > .container ul > li > a {
    font-size: 16px;
}

.mi_nav > .container > .mi_nav_right {

}

.mi_nav > .container > .mi_nav_right > form {
    position: relative;
}
.mi_nav > .container > .mi_nav_right > form > .pull_down_box {
    position: absolute;
    top: 75px;
    left: 0;
    z-index: 99;
    width: 250px;
    border: 1px #ff6700 solid;
    border-top: none;
    background: #ffffff;
    display: none;
}
.mi_nav > .container > .mi_nav_right > form > .pull_down_box > ul{
}
.mi_nav > .container > .mi_nav_right > form > .pull_down_box > ul > li{
    color: #333333;
    height: 32px;
    width: 100%;
    line-height: 32px;
}
.mi_nav > .container > .mi_nav_right > form > .pull_down_box > ul > li > a{
    font-size: 12px;
    padding: 0 5px;
    overflow: hidden;
}
.mi_nav > .container > .mi_nav_right > form > .pull_down_box > ul > li > a:hover{
    background: #fafafa;
}

.mi_nav > .container > .mi_nav_right > form > .pull_down_box > ul > li > a > .left{
    float: left;
    color: #424242;
}
.mi_nav > .container > .mi_nav_right > form > .pull_down_box > ul > li > a > .right{
    float: right;
    color: #b0b0b0;
}
.mi_nav > .container > .mi_nav_right > form > .pull_down_box > ul > li > a > .right:hover{
    color: #ff6b00;
}
.mi_nav > .container > .mi_nav_right > form .search_info {
    position: absolute;
    right: 52px;
    top: 0;
}

.mi_nav > .container > .mi_nav_right > form .search_info a {
    float: left;
    margin-right: 3px;
    font-size: 12px;
    padding: 3px;
    color: #757575;
}

.mi_nav > .container > .mi_nav_right > form .search_info a > span {
    background: #f4f4f4;
    padding: 3px;
}

.mi_nav > .container > .mi_nav_right > form .search_info a > span:hover {
    color: #ffffff;
    background: #ff6700;
}

.mi_nav > .container > .mi_nav_right > form .info {
    border: 1px solid #e0e0e0;
    width: 240px;
    height: 50px;
    padding: 0 5px;
}

.mi_nav > .container > .mi_nav_right > form .icon_search {
    border: 1px solid #e0e0e0;
    width: 46px;
    height: 50px;
    line-height: 50px;
    margin-top: 23px;
    text-align: center;
    font-size: 25px;
}

.mi_nav > .container > .mi_nav_right > form .icon_search {
    border-left: none;
}

.mi_nav > .container > .mi_nav_right > form .icon_search:hover {
    background: #ff6700;
    cursor: pointer;
    color: #ffffff;
}

/*轮播图*/
.mi_carousel {
    height: 460px;
}

.mi_carousel > .container {
    width: 1245px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.mi_carousel > .container > ul {
    width: 8715px;
    transition: 1s all;
    transform: translateX(-1245px);
}

.mi_carousel > .container > ul li {
    float: left;
}

.mi_carousel .container > ul li img {
    width: 1245px;
}

.mi_carousel > .container .carousel_dot {
    position: absolute;
    right: 30px;
    bottom: 15px;
}

.mi_carousel > .container .carousel_dot .selected {
    background: #e3f1ff;
}

.mi_carousel > .container .carousel_dot > ul {
    overflow: hidden;
}

.mi_carousel > .container .carousel_dot > ul li {
    cursor: pointer;
    width: 10px;
    height: 10px;
    background: #77888f;
    float: left;
    margin: 5px;
    border: 3px #a1a1a1 solid;
    border-radius: 10px;
}

.mi_carousel > .container .carousel_dot > ul li:hover {
    background: #efefef;
}

.mi_carousel > .container .carousel_arrows {
    position: absolute;
    width: 1000px;
    top: 200px;
    left: 240px;
}

.mi_carousel > .container .carousel_arrows span {
    cursor: pointer;
}

.mi_carousel > .container .carousel_arrows .arrows_left {
    float: left;
    font-size: 50px;
    color: #cad0d2;
}

.mi_carousel > .container .carousel_arrows .arrows_right {
    float: right;
    font-size: 50px;
    color: #cad0d2;
}

.mi_carousel > .container .carousel_arrows span:hover {
    background: #637177;
}

/*轮播图左边导航*/
.mi_carousel .container .carousel_nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 235px;
    height: 100%;
    background: #606060;
    z-index: 9;
    font-size: 15px;
    opacity: 0.9;
}

.mi_carousel .container .carousel_nav > ul {
    width: 100%;
    height: 100%;
    margin: 30px 0;
}

.mi_carousel .container .carousel_nav > ul li {
    color: #ffffff;
    overflow: hidden;
    cursor: pointer;
    padding: 10px 13px 10px 30px;
}

.mi_carousel .container .carousel_nav > ul li:hover {
    background: #ff6700;
}

/*轮播图下方广告*/
.mi_header_ad {
    height: 170px;
    padding: 15px 0;
}

.mi_header_ad > .container {
    width: 1245px;
    margin: 0 auto;
    overflow: hidden;
    height: 170px;
}

.mi_header_ad > .container .ad_left {
    width: 235px;
    height: 100%;
}

.mi_header_ad > .container .ad_left > ul {
    background: #5f5750;
    overflow: hidden;
    height: 100%;
    padding: 13px;
}

.mi_header_ad > .container .ad_left > ul li {
    float: left;
    width: 65px;
    height: 70px;
    text-align: center;
    border: 1px solid #5f5750;
}

.mi_header_ad > .container .ad_left > ul li .icon_ad {
    font-size: 30px;
    text-align: center;
}

.mi_header_ad > .container .ad_left > ul li > a {
    color: #cfcdcb;
}

.mi_header_ad > .container .ad_left > ul li > a:hover {
    display: block;
    color: #ffffff;
}

.mi_header_ad > .container .ad_right {
    width: 988px;
}

.mi_header_ad > .container .ad_right > ul {
    overflow: hidden;
}

.mi_header_ad > .container .ad_right > ul li {
    float: left;
    margin-right: 28px;
}

.mi_header_ad > .container .ad_right > ul li:hover {
    box-shadow: 10px 10px 5px #e7e7e7;
}

.mi_header_ad > .container .ad_right > ul li:last-child {
    margin-right: 0;
}

.mi_header_ad > .container .ad_right > ul li > a {
    display: block;
}

.mi_header_ad > .container .ad_right > ul li > a > img {
    width: 310px;
    height: 170px;
}

/*小米闪购*/
.mi_flashbuy {
    padding-bottom: 35px;
}

.mi_flashbuy .container {
    width: 1245px;
    margin: 0 auto;
}

.mi_flashbuy > .container > .flashbuy_header {
    overflow: hidden;
    height: 58px;
}

.mi_flashbuy > .container > .flashbuy_header > .left {
    float: left;
    font-size: 25px;
    color: #333333;
    line-height: 58px;
}

.mi_flashbuy > .container > .flashbuy_header > .right {
    float: right;
    overflow: hidden;

}

.mi_flashbuy > .container > .flashbuy_header > .right div {
    font-size: 20px;
    width: 30px;
    height: 100%;
    border: 1px solid #e0e0e0;
    float: left;
    text-align: center;
    background: #ffffff;
    color: #e0e0e1;
    margin: 14px 0;
}

.mi_flashbuy > .container > .flashbuy_header > .right .flash_selected {
    cursor: pointer;
    color: #b8ada8;
}

.mi_flashbuy > .container > .flashbuy_header > .right .flash_selected:hover {
    color: #ff6700;
}

.mi_flashbuy > .container > .flashbuy_box {
    overflow: hidden;
    height: 340px;
}

.mi_flashbuy > .container > .flashbuy_box > .left {
    float: left;
    border-top: 1px solid #e7302a;
    background: #f1eded;
    height: 100%;
    width: 230px;
    text-align: center;
}

.mi_flashbuy > .container > .flashbuy_box > .left > p:first-child {
    color: #e7302a;
    font-size: 20px;
    margin-top: 50px;
}

.mi_flashbuy > .container > .flashbuy_box > .left > p:nth-child(2) {
    margin-top: 20px;
}

.mi_flashbuy > .container > .flashbuy_box > .left > p:nth-child(3) {
    margin-top: 30px;
    font-size: 15px;
}

.mi_flashbuy > .container > .flashbuy_box > .left > p:last-child {
    margin-top: 25px;
    text-align: center;
    font-size: 25px;
}

.mi_flashbuy > .container > .flashbuy_box > .left > p:last-child span {
    background: #605751;
    color: #ffffff;
    padding: 10px;
}

.mi_flashbuy > .container > .flashbuy_box > .left .img_flashpurchase {
    width: 34px;
    height: 53px;
    margin: 0 auto;
}

.mi_flashbuy > .container > .flashbuy_box > .right {
    float: right;
    height: 100%;
    width: 990px;
    overflow: hidden;
}

.mi_flashbuy > .container > .flashbuy_box > .right > ul {
    width: 3000px;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.mi_flashbuy > .container > .flashbuy_box > .right > ul > li {
    width: 235px;
    height: 100%;
    float: left;
    background: #fafafa;
    margin-right: 15px;
    border-top: 1px solid #ffac13;
    position: relative;
}

.mi_flashbuy > .container > .flashbuy_box > .right > ul > li > a {
    display: block;
}

.mi_flashbuy > .container > .flashbuy_box > .right > ul > li > a > .one_flashbuy {
    width: 60px;
    height: 20px;
    margin: 0 auto;
    font-size: 10px;
    text-align: center;
    color: #ffffff;
    background: #e53935;
    padding: 3px;
}

.mi_flashbuy > .container > .flashbuy_box > .right > ul > li > a > .content {
    text-align: center;
}

.mi_flashbuy > .container > .flashbuy_box > .right > ul > li > a > .content > p:nth-child(1) {
    font-size: 15px;
}

.mi_flashbuy > .container > .flashbuy_box > .right > ul > li > a > .content > p:nth-child(2) {
    font-size: 12px;
    color: #adadad;
    margin-top: 5px;
}

.mi_flashbuy > .container > .flashbuy_box > .right > ul > li > a > .content > p:nth-child(3) {
    margin-top: 10px;
    font-size: 14px;
}

.mi_flashbuy > .container > .flashbuy_box > .right > ul > li > a > .content > p:nth-child(3) > span:nth-child(1) {
    color: #fa6509;
}

.mi_flashbuy > .container > .flashbuy_box > .right > ul > li > a > .content > p:nth-child(3) > span:nth-child(2) {
    font-size: 12px;
    text-decoration: line-through;
}

.mi_flashbuy > .container > .flashbuy_box > .right > ul > li > a > .img_flashbuy_box {

}

.mi_flashbuy > .container > .flashbuy_box > .right > ul > li > a > .img_flashbuy_box > img {
    width: 160px;
    height: 166px;
    margin: 0 auto;
    background-color: #fafafa;
}

/*闪购下面广告*/
.mi_ad {
    padding-bottom: 35px;
}

.mi_ad .container {
    width: 1245px;
    margin: 0 auto;
}

/*手机频道*/
.mi_phone {
    padding: 10px 0;
    background: #f5f5f5;
}

.mi_phone > .container {
    width: 1245px;
    height: 730px;
    margin: 0 auto;
}

.mi_phone > .container > .header {
    height: 58px;
    line-height: 58px;
    overflow: hidden;
}

.mi_phone > .container > .header > .left {
    float: left;
    font-size: 20px;
}

.mi_phone > .container > .header > .right {
    float: right;
    font-size: 18px;
    cursor: pointer;
}

.mi_phone > .container > .header > .right > a:hover {
    color: #ff6700;
}

.mi_phone > .container > .header > .right:hover span {
    background: #ff6700;
}

.mi_phone > .container > .header > .right > span {
    background: #b0b0b0;
    color: #ffffff;
    padding: 5px;
    border-radius: 15px;
}
.mi_phone > .container > .content{
    overflow: hidden;
    height: 620px;
}
.mi_phone > .container > .content > .left{
    width: 230px;
    float: left;
    height: 100%;
}
.mi_phone > .container > .content > .left > a{
    display: block;
    height: 100%;
}
.mi_phone > .container > .content > .left > a > img{
    height: 100%;
}
.mi_phone > .container > .content > .left:hover{
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, -2px, 0);
    transition: 500ms all;
}
.mi_phone > .container > .content > .right{
    float: right;
}
.mi_phone > .container > .content > .right > ul{
    width: 1000px;
}
.mi_phone > .container > .content > .right > ul > li{
    width: 240px;
    height: 300px;
    background: #ffffff;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}
/*家电频道*/
.home{
    background: #f5f5f5;
}
.home > .container{
    width: 1245px;
    height: 730px;
    margin: 0 auto;
}
.home > .container > .header{
    height: 58px;
}
.home > .container > .header > .title{
    float: left;
    font-size: 20px;
    line-height: 58px;
}
.home > .container > .header > .tab_title{
    float: right;
}
.home > .container > .header > .tab_title > ul{
    overflow: hidden;
    margin-top: 18px;
}
.home > .container > .header > .tab_title > ul > li{
    float: left;
    font-size: 16px;
    margin-right: 25px;
    cursor: pointer;
}

.tab_select{
    border-bottom: 2px #ff6700 solid;
    color: #ff6700;
}
.display_none{
    display: none;
}

.home > .container > .header > .tab_title > ul > li:last-child{
    margin-right: 0;
}
.home > .container > .content{
    overflow: hidden;
}
.home > .container > .content > .left{
    width: 230px;
    height: 100%;
    float: left;
}
.home > .container > .content > .left > a:first-child{
    margin-bottom: 10px;
}
.home > .container > .content > .right{
    float: right;
}
.home > .container > .content > .right > ul{
    overflow: hidden;
    width: 1000px;
}
.home > .container > .content > .right > ul > li{
    float: left;
    width: 240px;
    height: 300px;
    background: #ffffff;
    margin-right: 10px;
    margin-bottom: 10px;

}
.home > .container > .content > .right > ul > li:last-child{
    background: #f5f5f5;
}
.home > .container > .content > .right > ul > li:last-child > .top{
    position: relative;
    margin-bottom: 10px;
    height: 144px;
    background: #ffffff;
}
.home > .container > .content > .right > ul > li:last-child > .top > p:nth-child(1){
    position: absolute;
    left: 30px;
    top: 50px;
}
.home > .container > .content > .right > ul > li:last-child > .top > p:nth-child(2){
    position: absolute;
    left: 30px;
    top: 75px;
}
.home > .container > .content > .right > ul > li:last-child > .top > img{
    width: 65px;
    height: 85px;
    position: absolute;
    top: 30px;
    right: 30px;
}
.home > .container > .content > .right > ul > li:last-child > .bottom{
    height: 144px;
    position: relative;
    background: #ffffff;
}
.home > .container > .content > .right > ul > li:last-child > .bottom  > p:nth-child(1){
    position: absolute;
    left: 30px;
    top: 50px;
}
.home > .container > .content > .right > ul > li:last-child > .bottom  > p:nth-child(2){
    position: absolute;
    left: 30px;
    top: 75px;
}
.home > .container > .content > .right > ul > li:last-child > .bottom  > p:nth-child(3){
    font-size: 40px;
    color: #ff6700;
    position: absolute;
    right: 30px;
    top: 50px;
}




















